<template>
  <footer class="footer-container">
      <div class="info-container">
          <div class="infoWrapper">
              <div class="img">
                  <img src="../../assets/image/bohet.png" alt="">
              </div>
              <div class="link-container">
                  <div class="firendlink">
                      <div class="linktitle">
                          <i class="iconfont iconsousuo"></i>
                          <span>友情链接</span>
                      </div>
                      <ul class="link">
                          <li v-for="(item,index) of firendlink"
                            :key="index"
                          >
                            <a :href="item.linkhref">{{item.linkname}}</a>
                          </li>
                      </ul>
                  </div>
                  <div class="minelink">
                      <div class="linktitle">
                          <i class="iconfont iconsousuo"></i>
                          <span>我的链接</span>
                      </div>
                       <ul class="link">
                          <li v-for="(item,index) of minelink"
                            :key="index"
                          >
                            <a :href="item.linkhref">
                                <img src="item.photoimg" alt="">
                            </a>
                          </li>
                      </ul>
                  </div>
              </div>
          </div>
      </div>
      <div class="copyright-container"></div>
  </footer>
</template>

<script>
import Api from '@/service/index';
const apiService = new Api();
export default {
    name:'footer',
    data(){
        return{
            firendlink:[]
        }
    },
    async mounted(){
        this.firendlink = await apiService.findFirendLink();
    }
}
</script>

<style>

</style>